<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>机你太美-轻薄办公本区</title>
    <link rel="stylesheet" href="../static/css/components.css">
    <link rel="stylesheet" href="../static/css/responsee.css">
    <link rel="stylesheet" href="../static/owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="../static/owl-carousel/owl.theme.css">
    <!-- CUSTOM STYLE -->
    <link rel="stylesheet" href="../static/css/template-style.css">

    <!-- 这里是选项卡的css引用 -->
    <link rel="stylesheet" href="../static/css/grid.css">
    <link rel="stylesheet" href="../static/css/normalize.css">
    <link rel="stylesheet" href="../static/css/font-awesome.css">
    <link rel="stylesheet" href="../static/css/templatemo-style.css">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">


    <link rel="stylesheet" href="../static/css/style.css">
    <!-- 这里是选项卡的css引用 -->

    <script type="text/javascript" src="../static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../static/js/jquery-ui.min.js"></script>

    <style>
        .link {
            width: 60px;
            position: relative;
            left: 1350px;
            height: 50px;
        }
    </style>
</head>

<body class="size-1280 slide-to-left">
<nav class="slide-nav aside-nav">
    <ul>
        <li><a href="http://localhost:8000">首页</a></li>
        <li>
            <a>学生电脑推荐</a>
            <ul>
                <li><a href="/game/">游戏本</a></li>
                <li><a href="/light/">轻薄本</a></li>
            </ul>
        </li>
        <li>
            <a href="/work/">办公笔记本推荐</a>
        </li>
        <li><a href="/forum/">论坛</a></li>
        <li><a href="/config/">模拟装机</a></li>
    </ul>
</nav>
<section class="slide-content">
    <header>
        <!-- LOGO -->
        <nav>
            <div class="link">
                <a href="/logingoto/" style="font-size:20px;display: block;text-align:right;">登录</a>
            </div>
        </nav>
    </header>
    <form action="/selectl/" method="post">
        {% csrf_token %}
        <p>品牌筛选：</p><select name="brand">
        <option value="all">全部</option>
        <option value="lenovo">联想</option>
        <option value="xiaomi">小米</option>
        <option value="huawei">华为</option>
        <option value="acer">宏碁</option>
        <option value="asus">华硕</option>
        <option value="msi">微星</option>
        <option value="dell">戴尔</option>
        <option value="surface">微软</option>
        <option value="mech">机械革命</option>
        <option value="hp">惠普</option>
        <option value="leigod">雷神</option>
        <option value="apple">苹果</option>
        <option value="cube">清华同方</option>
    </select>
        <p>价格筛选：</p>
        <select name="price">
            <option value="all">全部</option>
            <option value="0-6000">0-6000</option>
            <option value="6000-7000">6000-7000</option>
            <option value="7000-8000">7000-8000</option>
            <option value="8000-9000">8000-9000</option>
            <option value="9000-10000">9000-10000</option>
            <option value="10000-15000">10000-15000</option>
            <option value="more">15000以上</option>
        </select>
        <button type="submit">搜索</button>
    </form>
    <section>
        <ul id="list_product" class="list_product container">
            {% for li in light %}
            <tr>
                <td>
                    <div class="grid_3 product">
                        <div class="prev">
                            <img src="{{li.PID}}" alt=""
                                 title="{{ li.Name }}"/>
                        </div><!-- .prev -->
                        <h3 class="title">{{li.Name}}</h3>
                        <div class="cart">
                            <div class="price">
                                <div class="vert">
                                    <div class="price_new">￥{{ li.Price }}</div>
                                </div>
                            </div>
                            <a href="/information/{{li.NotebookID}}">查看详细信息>></a>
                        </div><!-- .cart -->
                    </div><!-- .grid_3 -->
                </td>
            </tr>
            {% endfor %}
        </ul>
    </section>

</section>
<script type="text/javascript" src="../static/js/responsee.js"></script>


</body>
</html>